<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="js/axios.min.js"></script>
    <script>
        // HTML标签和浏览器地址栏只能发送GET请求
        // 只有form表单元素可以发送GET和POST请求
        // 后端接口开发规范RestfulApi接口规范=>减少接口地址的数量
        // 通过http请求类型区分相同地址的不同功能

        // http://127.0.0.1:3000/users描述和用户相关的操作(查询、删除、修改、添加)
        // get===>服务器会设置为查询方法
        // post===>服务器会设置为添加方法
        // delete====>服务器设置为删除方法

        function sendGet(){
            axios.get("http://127.0.0.1:3000/test/users")
            .then(function(res){
                console.log(res.data);
            }).catch(function(error){
                console.log(error)
            });
        }
        function sendPost(){
            axios.post("http://127.0.0.1:3000/test/users")
            .then(function(res){
                console.log(res.data);
            }).catch(function(error){
                console.log(error)
            });
        }
        function sendDelete(){
            axios.delete("http://127.0.0.1:3000/test/users")
            .then(function(res){
                console.log(res.data);
            }).catch(function(error){
                console.log(error)
            });
        }
    </script>
</head>
<body>
   
    <input type="button" value="查询" onclick="sendGet()">
    <input type="button" value="post" onclick="sendPost()">
    <input type="button" value="删除" onclick="sendDelete()">
</body>
</html>